<template>
          <div>
            <el-container>
              <el-aside width="200px" style='height: 860px'>

                <el-menu
                    default-active="ht"
                    class="el-menu-vertical-demo"
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b"
                    style="height: 860px"
                      router
                >

                  <el-menu-item index="ht">
                    <i class="el-icon-menu"></i>
                    <span slot="title">后台管理</span>
                  </el-menu-item>
                  <el-menu-item index="xc" >
                    <i class="el-icon-document"></i>
                    <span slot="title">相册管理</span>
                  </el-menu-item>
                  <el-menu-item index="list">
                    <i class="el-icon-setting"></i>
                    <span slot="title">商品列表</span>
                  </el-menu-item>
                </el-menu>

              </el-aside>

              <el-main style="background-color: white"><router-view/></el-main>

            </el-container>
          </div>
</template>

<script>
export default {

}
</script>

<style scoped>

</style>